<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>卖家详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css">
		<!--自定义iconfont-->
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/pro2.css">
		<script type="text/javascript" src="../js/jquery.min.js"></script>
	</head>

	<body style="background: #fff;">

		<header class="mui-bar mui-bar-nav">
			<a id="goBack" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">卖家详情</h1>
		</header>
		<div class="new-personal-details">

			<ul class="deails-con" style="margin-top: 24px;">
				<div class="mui-content-padded">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media" style="background-color: #FFFFFF;">
							<a href="../examples/new-chatwith-seller.html">
								<img class="mui-media-object mui-pull-left" style="height: 50px;" src="../images/head.jpg">
								<div class="mui-media-body">
									爱哭的小♥
									<p class='mui-ellipsis' style="font-size: 10pt;"><span>&nbsp;卖家信用:</span><img src="../images/s_red_1.gif" /></p>
									<p class='mui-ellipsis' style="font-size: 10pt;"><span>&nbsp;联系方式:</span>18317963220</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</ul>

			<div>
				<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1">在售商品</a>
					<a class="mui-control-item" href="#item2">评价</a>
				</div>
			</div>

			<div>
				<div id="item1" class="mui-control-content mui-active"style="margin-top: 20px;">
					<ul class="pattern-list">
						<li class="mui-card-footer">
							<div class="mui-card">
								<a href="../examples/new-personal-details.html">
									<div class="mui-card-header mui-card-media" style="height:40vw;"><img class="w100" src="../images/shop3.jpeg" /></div>
									<div class="mui-card-content">
										<div class="mui-card-content-inner">
											<p style="color: #333;">BEC中级真题和写作（七成新）</p>
										</div>
									</div>
									<div class="pattern-list__p">
										<p class="font-color-pink">￥<label>45</label></p>
										<p>库存<label>1</label></p>
									</div>
								</a>
							</div>
						</li>
					</ul>

				</div>

				<div id="item2" class="mui-control-content">
					<div style="padding: 10px 10px;">
						<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted">
							<a class="mui-control-item mui-active" id="commitItem1" href="#list1">全部(<span>0</span>)</a>
							<a class="mui-control-item " id="commitItem2" href="#list2">好评(<span>0</span>)</a>
							<a class="mui-control-item " id="commitItem3" href="#list3">中评(<span>0</span>)</a>
							<a class="mui-control-item " id="commitItem4" href="#list4">差评(<span>0</span>)</a>
						</div>

					</div>
					
					<div>
						<div id="list1" class="mui-control-content  mui-active">
							<div class="mui-card" style="width: 100%;">
								<div id="commitName1" class="mui-card-header"></div>
									<div class="mui-card-content">
										<div  id="commitContent1" class="mui-card-content-inner ">
										</div>
									</div>
							</div>
						</div>
						
						<div id="list2" class="mui-control-content">
							<div class="mui-card" style="width: 100%;">
								<div id="commitName2" class="mui-card-header "></div>
									<div class="mui-card-content">
										<div id="commitContent2" class="mui-card-content-inner ">
										</div>
									</div>
							</div>
						</div>

						<div id="list3" class="mui-control-content">
							<div class="mui-card" style="width: 100%;">
								<div id="commitName3" class="mui-card-header "></div>
									<div class="mui-card-content">
										<div id="commitContent3" class="mui-card-content-inner ">
										</div>
									</div>
							</div>
						</div>

						<div id="list4" class="mui-control-content">
							<div class="mui-card" style="width: 100%;">
								<div id="commitName4" class="mui-card-header "></div>
									<div class="mui-card-content">
										<div id="commitContent4" class="mui-card-content-inner ">
										</div>
									</div>
							</div>
						</div>
					</div>
				</div>

			</div>

			

			<script src="../js/mui.min.js"></script>
			<script src="../js/jquery.min.js"></script>
			<script type="text/javascript" charset="utf-8">
				mui.init({
					swipeBack: true
				});
			</script>
			<script type="text/javascript">
				$(function() {
					$(".clickwn").click(function() {
						$(".flick-menu-mask").show();
						$(".spec-menu").show();
					})
					$(".tclck").click(function() {
						$(".flick-menu-mask").hide();
						$(".spec-menu").hide();
					})
					$('#cool').bind('input propertychange', function() { /* alert(this.value);*/
						$('.amount').html(this.value)
					}).bind('input input', function() {});
					$('#color a').click(function() {
						var cook = $(this).index();
						$('#color a').eq(cook).addClass('selected').siblings().removeClass('selected');
					})
					
					var use = JSON.parse(localStorage.getItem("$loginUser")).account;
					var commitContent = localStorage.getItem("&commitContent");
					var commitKey = "&" + JSON.parse(localStorage.getItem("$loginUser")).account + "commit";
					if(localStorage.getItem(commitKey) != null) {
						
						var content = localStorage.getItem(commitKey);
						if(content === "极好") {
							$('#commitItem1 span').text("1");
							$('#commitItem2 span').text("1");
							$('#commitName1').text(use);
							$('#commitName2').text(use);
							
							$('#commitContent1').text(commitContent);
							$('#commitContent2').text(commitContent);
						} else if(content === "很差") {
							console.log("很差");
							$('#commitItem1 span').text("1");
							$('#commitItem4 span').text("1");
							
							$('#commitName1').text(use);
							$('#commitName4').text(use);
							
							$('#commitContent1').text(commitContent);
							$('#commitContent4').text(commitContent);
						} else {
							$('#commitItem1 span').text("1");
							$('#commitItem3 span').text("1");
							$('#commitName1').text(use);
							$('#commitName3').text(use);
							
							$('#commitContent1').text(commitContent);
							$('#commitContent3').text(commitContent);
						}

					}

				})
			</script>
	</body>

</html>